<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="3600" />
  <meta name="revisit-after" content="2 days" />
  <meta name="robots" content="index,follow" />
  <meta name="publisher" content="Your publisher infos here ..." />
  <meta name="copyright" content="Your copyright infos here ..." />
  <meta name="author" content="Design: Wolfgang (www.1-2-3-4.info) / Modified: Your Name" />
  <meta name="distribution" content="global" />
  <meta name="description" content="Your page description here ..." />
  <meta name="keywords" content="Your keywords, keywords, keywords, here ..." />
   <link href="./css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" media="screen">

  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout3_setup.css" />
  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout3_text.css" />
  <link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
  <link rel="stylesheet" media="screen" type="text/css" href="./css/zoomimage.css" />
  
  	<script type="text/javascript" src="./js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="./js/jquery.lightbox-0.5.js"></script>


<script type="text/javascript" src="./js/eye.js"></script>
<script type="text/javascript" src="./js/utils.js"></script>
<script type="text/javascript" src="./js/zoomimage.js"></script>
  <title>海边的房子</title>
  
    <script type="text/javascript">
    	$(function() {
        	$('#gallery a').lightBox();
    	});
    </script>
	
  <style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444; 
		padding: 10px;
		height: 100px;
		width: 520px;
	}
	#gallery ul {  list-style:none;   magin:0;   padding:0;  }
	#gallery ul li {FLOAT:   left;}
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>
</head>

<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

<body>
  <!-- Main Page Container -->
  <div class="page-container">

    <!-- For alternative headers START PASTE here -->

    <!-- A. HEADER -->      
    <div class="header">
      
      <!-- A.1 HEADER TOP -->
      <div class="header-top">
        
        <!-- Sitelogo and sitename -->
        <a class="sitelogo" href="#" title="去首页"></a>
        <div class="sitename">
          <h1><a href="index.html" title="去首页">海边的房子<span style="font-weight:normal;font-size:50%;">v0.1</span></a></h1>
          <h2>sunan‘s home</h2>
        </div>
    
        <!-- Navigation Level 0 -->
        <div class="nav0">
          <ul>
            <li><a href="#" title="Homepage en Italiano"><img src="./img/flag_china.gif" alt="Image description" /></a></li>
            <li><a href="#" title="Homepage auf Deutsch"><img src="./img/flag_england.gif" alt="Image description" /></a></li>
          </ul>
        </div>			

        <!-- Navigation Level 1 -->
        <div class="nav1">
          <ul>
            <li><a href="#" title="首页">首页</a></li>
            <li><a href="#" title="关于本站">关于</a></li>
            <li><a href="#" title="联系站长">联系</a></li>																		
            <li><a href="#" title="网站地图">地图</a></li>
          </ul>
        </div>              
      </div>
      
    
      <!-- A.3 HEADER BOTTOM -->
      <div class="header-bottom">
      
        <!-- Navigation Level 2 (Drop-down menus) -->
        <div class="nav2">
	
          <!-- Navigation item -->
          <ul>
            <li><a href="index.html">首页</a></li>
          </ul>
          
          <!-- Navigation item -->
          <ul>
            <li><a href="#">BLOG<!--[if IE 7]><!--></a><!--<![endif]-->
            </li>
          </ul>          

          <!-- Navigation item -->
          <ul>
            <li><a href="#">相册<!--[if IE 7]><!--></a><!--<![endif]-->
            </li>
          </ul>   
		  
		  <ul>
            <li><a href="#">本人<!--[if IE 7]><!--></a><!--<![endif]-->
            </li>
          </ul> 
		  <ul>
            <li><a href="#">书城<!--[if IE 7]><!--></a><!--<![endif]-->
              <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                  <li><a href="#">图书</a></li>
				  <li><a href="#">音像</a></li>
				  <li><a href="#">评论</a></li>
                </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
          </ul>
		         
        </div>
	  </div>

      <!-- A.4 HEADER BREADCRUMBS -->

      <!-- Breadcrumbs -->
      <div class="header-breadcrumbs">
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">新闻</a></li>
          <li><a href="#">今日头条</a></li>
          <li>公猪下崽了</li>
        </ul>

        <!-- Search form -->                  
        <div class="searchform">
          <form action="index.html" method="get">
            <fieldset>
              <input name="field" class="field"  value=" 搜索..." />
              <input type="submit" name="button" class="button" value="GO!" />
            </fieldset>
          </form>
        </div>
      </div>
    </div>

    <!-- For alternative headers END PASTE here -->

    <!-- B. MAIN -->
    <div class="main">
  
      <!-- B.1 MAIN CONTENT -->
      <div class="main-content">
        

        <!-- Content unit - One column -->
        <h1 class="block">今日头条</h1>
        <div class="column1-unit">
          <h1>欢迎光临海边的房子</h1>                            
          <h3>2009年12月9日 11点48分, by <a href="#">SunAn </a></h3>
          <p><a href="#">海边的房子</a>(http://sunanhome.appspot.com/)是一半是海水的官方网站，请大家牢记域名(http://sunanhome.appspot.com/)</p>
          <p class="details">| 发布者： <a href="#">SunAn </a> | 分类： <a href="#">公告</a> | 评论： <a href="#">73</a> |</p>
          
        </div>          
        <hr class="clear-contentunit" />
          
		 <h1 class="block">焦点</h1>
        <!-- Content unit - Two columns -->
        <div class="column2-unit-left">
          <h1>公猪下崽了</h1>                            
          <h3><a href="#">查看全文</a></h3>
		  
          <p>在很久很久以前，曾经有一头愁死人的大猪，一头公猪。因为他太愁人了，所以他下了一个崽，他下的崽叫愁死人的小猪。也就是现在正在看这段文字的你，哈哈。。。</p>
          <h1>公猪下崽了</h1>                            
          <h3><a href="#">查看全文</a></h3>
		  
          <p>在很久很久以前，曾经有一头愁死人的大猪，一头公猪。因为他太愁人了，所以他下了一个崽，他下的崽叫愁死人的小猪。也就是现在正在看这段文字的你，哈哈。。。</p>
        </div>
        <div class="column2-unit-right">
          <h1>公猪下崽了</h1>                            
          <h3><a href="#">查看全文</a></h3>
		  
          <p>在很久很久以前，曾经有一头愁死人的大猪，一头公猪。因为他太愁人了，所以他下了一个崽，他下的崽叫愁死人的小猪。也就是现在正在看这段文字的你，哈哈。。。</p>
          <h1>公猪下崽了</h1>                            
          <h3><a href="#">查看全文</a></h3>
		  
          <p>在很久很久以前，曾经有一头愁死人的大猪，一头公猪。因为他太愁人了，所以他下了一个崽，他下的崽叫愁死人的小猪。也就是现在正在看这段文字的你，哈哈。。。</p>
         
        </div>
        <hr class="clear-contentunit" />


       

        <!-- Content unit - One column -->
        <h1 class="block">海水文章</h1>
        <div class="column1-unit">
          <h1>公猪下崽了</h1>
          <h3><a href="#">查看全文</a></h3>                    
          <p>在很久很久以前，曾经有一头愁死人的大猪，一头公猪。因为他太愁人了，所以他下了一个崽，他下的崽叫愁死人的小猪。也就是现在正在看这段文字的你，哈哈。。。</p>
          <h1>公猪下崽了</h1>
          <h3><a href="#">查看全文</a></h3>                    
          <p>在很久很久以前，曾经有一头愁死人的大猪，一头公猪。因为他太愁人了，所以他下了一个崽，他下的崽叫愁死人的小猪。也就是现在正在看这段文字的你，哈哈。。。</p>          

                
        </div>          
        <hr class="clear-contentunit" />
          
        <!-- Content unit - One column -->
        <h1 class="block">海水相册</h1>
		<br />
		<div class="right" id="gallery">
			<ul style="list-style:none;   magin:0;   padding:0;"> 
				<li style="list-style-type:none;"> 
					<a rel="lightbox" class="lightbox" href="./picture/1388797535091265231.jpg"><img src="./picture/1388797535091265231.jpg" width="72" height="72" alt="" /></a>
				</li> 
				<li> 
					<a rel="lightbox" class="lightbox" href="./picture/1388797535091265275.jpg"><img src="./picture/1388797535091265275.jpg" width="72" height="72" alt="" /></a>
				</li> 
				<li>  
					<a rel="lightbox" class="lightbox" href="./picture/1388797535091265327.jpg"><img src="./picture/1388797535091265327.jpg" width="72" height="72" alt="" /></a>
				</li> 
				<li> 
					<a rel="lightbox" class="lightbox" href="./picture/1388797535091265381.jpg"><img src="./picture/1388797535091265381.jpg" width="72" height="72" alt="" /></a>
				</li> 

				
			</ul> 
			
			
			
			
		</div>
		<script language="javascript" type="text/javascript">
			//alert($('a.lightbox'));
			$(function() {
				$('a.lightbox').lightBox({fixedNavigation:true}); 
				
			});
		</script>

        <hr class="clear-contentunit" />        
                                             
            
                              
      </div>




      <!-- B.2 MAIN NAVIGATION -->
      <div class="main-navigation">

        <!-- Navigation Level 3 -->
        <div class="round-border-topleft"></div>
		
		       <!-- Login -->
        <h1>Login</h1>
        <div class="loginform">
          <form method="post" action="index.html"> 
            <p><input type="hidden" name="rememberme" value="0" /></p>
            <fieldset>
              <p><label for="username_1" class="top">User:</label><br />
                <input type="text" name="username_1" id="username_1" tabindex="1" class="field" onkeypress="return webLoginEnter(document.loginfrm.password);" value="" /></p>
    	      <p><label for="password_1" class="top">Password:</label><br />
                <input type="password" name="password_1" id="password_1" tabindex="2" class="field" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" value="" /></p>
    	      <p><input type="checkbox" name="checkbox_1" id="checkbox_1" class="checkbox" tabindex="3" size="1" value="" onclick="webLoginCheckRemember()" /><label for="checkbox_1" class="right">Remember me</label></p>
    	      <p><input type="submit" name="cmdweblogin" class="button" value="LOGIN"  /></p>
	          <p><a href="#" onclick="webLoginShowForm(2);return false;" id="forgotpsswd_1">Password forgotten?</a></p>
	        </fieldset>
          </form>
        </div>
		
		
        <h1 class="first">文章分类</h1>

        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
          <dt><a href="#">JAVA</a></dt>
          <dt><a href="#">数据库</a></dt>
            <dd><a href="#">Oracle</a></dd>
            <dd><a href="#">PostgreSQL</a></dd>		
          <dt><a href="#">心情</a></dt>
          <dt><a href="#">实验</a></dt>
          <dt><a href="#">爱好</a></dt>
        </dl>                        


      </div>                
    </div>
      
    <!-- C. FOOTER AREA -->      

    <div class="footer">
      <p>Copyright &copy; 2009 一半是海水 | All Rights Reserved</p>
      <p class="credits">Powered by <a href="#" title="Powered by">一半是海水</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a></p>
    </div>      
  </div> 
  
</body>
</html>



